@charset "UTF-8";
.m_index {
    .header{
        width:100%;
        height: .3rem;
        line-height:.3rem;
        font-size: .18rem;
        color: #fff;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 1000;
    }
    .search_box {
        width: 100%;
        .search_on {
            display: inline-block;
            width: 70%;
            height: .25rem;
            margin-top: .04rem;
            border-radius: .06rem;
            text-align: center;
            background: #C2CFCC;
            opacity: 0.5;
            a {
                display: inline-block;
                width: 50%;
                height: 100%;
                background: #C2CFCC url('../assets/images/se01.png') no-repeat .05rem center;
                background-size: .75rem .15rem;
                -webkit-background-size: .75rem .15rem;
            }
            opacity: 0.6;
        }
        .git_msg {
            display: inline-block;
            width: .2rem;
            height: .2rem;
            position: absolute;
            top: .08rem;
            right: .15rem;
            img {
                width: 100%;
                height: 100%;
            }
            img:nth-child(1) {
                display: none;
            }
            img:nth-child(2) {
                display: block;
            }
        }
    }
    section {
        width: 100%;
        .m_position {
            width: 100%;
            height: 100%;
            background: #f8f8f8;
            @include flexbox();
            @include flex-direction(column);
            @extend %pos-list;
        }
    }
}
